<template>
  <div class="partner">
    <b-img
      v-for="(item, index) in partner"
      :key="index"
      :style="item"
      :src="require(`~/static/img/icon_logo_${item.img}.png`)"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      partner: [
        {
          img: "txy",
          left: "min(15.14vw, 212px)",
          top: 0,
          width: "min(18vw, 252px)",
          height: "min(18vw, 252px)"
        },
        {
          img: "gddt",
          left: "min(42.42vw, 595.88px)",
          top: "min(1.92vw, 26.88px)",
          width: "min(22.28vw, 313px)",
          height: "min(22.28vw, 313px)"
        },
        {
          img: "lnkmkj",
          left: "min(11.85vw, 166.2px)",
          bottom: 0,
          width: "min(14.21vw, 199px)",
          height: "min(14.21vw, 199px)"
        },
        {
          img: "bdzny",
          left: 0,
          top: "min(14.64vw, 204.96px)",
          width: "min(22.28vw, 312px)",
          height: "min(22.28vw, 312px)"
        },
        {
          img: "xjyy",
          left: "min(30.14vw, 421.96px)",
          top: "min(24.14vw, 339.36px)",
          width: "min(20.14vw, 282px)",
          height: "min(20.14vw, 282px)"
        },
        {
          img: "wz",
          right: "min(14.85vw, 207.9px)",
          top: "min(36.92vw, 513.88px)",
          width: "min(16.71vw, 234px)",
          height: "min(16.71vw, 234px)"
        },
        {
          img: "zsjk",
          left: "min(64.142vw, 898.988px)",
          top: "min(19.78vw, 276.92px)",
          width: "min(17.42vw, 244px)",
          height: "min(17.42vw, 244px)"
        }
      ]
    };
  },
  components: {}
};
</script>

<style lang="less" scoped>
.partner {
  position: relative;
  min-height: min(52.85vw, 763.14px);
  margin: min(7.214vw, 101px) 0 min(12.5vw, 175px) 0;

  img {
    position: absolute;
  }
}
</style>
